/* CSS变量定义 */
:root {
  /* 颜色主题 */
  --poker-green: #0d5d2e;
  --poker-dark-green: #0a4a24;
  --poker-light-green: #1a7a3a;
  --card-white: #ffffff;
  --card-shadow: rgba(0, 0, 0, 0.2);
  --card-border: #cccccc;
  --text-dark: #333333;
  --text-light: #666666;

  /* 扑克牌花色颜色 */
  --suit-red: #dc3545;    /* 红桃、方块 */
  --suit-black: #212529;  /* 黑桃、梅花 */
  --joker-color: #6f42c1; /* 大小王 */

  /* 按钮颜色 */
  --btn-primary: #fd7e14;
  --btn-primary-hover: #e8690b;
  --btn-success: #28a745;
  --btn-success-hover: #218838;
  --btn-secondary: #6c757d;
  --btn-secondary-hover: #5a6268;

  /* 尺寸 */
  --border-radius: 8px;
  --border-radius-sm: 4px;
  --border-radius-lg: 12px;

  /* 扑克牌尺寸 */
  --card-width-sm: 40px;
  --card-height-sm: 56px;
  --card-width-md: 60px;
  --card-height-md: 84px;
  --card-width-lg: 80px;
  --card-height-lg: 112px;

  /* 动画 */
  --transition: all 0.3s ease;
  --transition-fast: all 0.15s ease;

  /* 阴影 */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);

  /* 间距 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
}